@charset "utf-8";


@media screen and (max-width:1280px) {
	.container{
		width: 1100px;
	}
	#header .wrapper {
		width: 1000px;
	}
	.last_nav {
		width: 500px;
	}
	#navWrapper .content .nav>li:not(.jsMoveEl)>a{
		padding: 0 6px;
	}
	.pro_list {
		width: 238px;
	}
	.case_picture {
		width: 313px;
		height: auto;
	}
	.case_title{
		width: calc(100% - 40px);
		padding: 16px 20px;
	}
	.case_title .title_one {
		width: 235px;
	}
	.about_right {
		width: 44%;
	}
	.index_news {
		width: 490px;
	}
	.index_newlist {
		width: 470px;
	}
	.index_newlist ul li .newslist_title {
		width: 380px;
	}
	.footer .footer_left{
		width: 300px;
	}
	.footer_right {
		width: 650px;
	}
	.common_left {
		width: 270px;
	}
	.common_right {
		width: 680px;
	}
	.left_c {
		padding: 20px 25px 14px 25px;
	}
	.left_b {
		padding: 20px 25px 14px 25px;
	}
	.wuli_product .pro_list {
		width: 220px;
	}
	.wuli_newlist ul li .newslist_title {
		width: 320px;
		margin-left: 25px;
	}
	.wuli_newlist ul li:hover .newslist_title {
		transform: translateX(10px);
		transition: all ease-in-out .3s;
	}
	.wuli_newlist .newslist_img {
		width: 170px;
		position: relative;
	}
	.wuli_newlist .newslist_img img {
		height: auto;
		position: absolute;
		top: 0;
		left: 50%;
		width: 220px;
		margin-left: -110px;
	}
	.page a {
		width: 289px;
	}
	.message .name {
		width: 110px;
		margin-left: 25px;
	}
	.message .input input {
		width: 430px;
	}	
	.message .input textarea {
		width: 430px;
	}
	.lefta_sous input {
		width: 158px;
	}
}



@media screen and (max-width:1024px) {

	.phone_state{
        display: block;
    }
	.pc_state{
        display: none;
    }
	html{
		font-size:9vw;
		margin: auto;
	}

	body{margin: 0px;
		padding: 0px;
		background-color:#fff;font-family:"微软雅黑"; font-size:14px; padding-bottom:0.9rem;
		}
	a{ text-decoration:none; margin:0; padding:0;}
	/**{ font-family:"微软雅黑"; font-size:14px; color:#000;}*/
	*{font-size:14px;}
	h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
	img{ 
		display:block; 
		border:none; 
		/* width: 100%; */
	}
	.clearfix{clear: both;}
	ul,li{ list-style:none; margin:0; padding:0;}
	input,select{ border:none;font-family:"微软雅黑";outline:none }
	.main{ width:100%;margin:0 auto; position:relative;}
	.container{width:100%;margin:0 auto;margin:0 auto;background: #fff;}

	.float_l{float: left;}
	.float_r{float: right;}
	.clear{clear:both;}
	.position_r{position: relative;}
	.position_a{position: absolute;}

	/*导航*/

	.head_top{
		height: 0.91rem;
		background: #f8f8f8;
	}
	.head_top .logo{
		height: 0.9rem;
	}
	.head_top .top_icon img{
		height: 0.9rem;
	}
	#drop_down a{
		display: block;
		width: calc(25% - 1px);
		float: left;
		height: 0.5rem;
		line-height: 0.5rem;
		text-align: center;
		margin-bottom: 1px;
		border-right: 1px solid #9c8600;
		box-shadow: 1px 1px 0 #ffec00;
		border-bottom: 1px solid #9c8600;
	}
	#drop_down a .float_l{
		width: 100%;
		color: #111111;
		font-size: 0.16rem;
		border-right: 1px solid #9c8600;
		box-shadow: 1px 0px 0 #ffec00;
		border-bottom: 1px solid #9c8600;
		background: #f9c700;
	}

	/* banner */
	.banner img{
		/* height: 3rem; */
		width: 100%;
	}
	.swiper-container-b2 .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		opacity: 1;
		background: #fff;
	}
	.swiper-container-b2 .swiper-pagination-bullet-active {
		opacity: 1;
		background: #f9c700;
	}

	.index_product{
		background: #f5f5f5;
		padding:0  0.2rem;
	}
	.index_title{
		padding-top: 0.36rem;
	}
	.index_title .float_l h6{
		font-size: 0.3rem;
		color: #111111;
	}
	.index_title .float_l p{
		font-size: 0.16rem;
		color: #999999;
	}
	.index_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../img/more.png") no-repeat;
		background-size: 100% 100%;
		text-align: center;
		margin-top: 0.12rem;
		z-index: 99;
	}
	#topcontrol{
		z-index: 99;
	}
	.index_title .float_r p{
		line-height: 0.46rem;
		text-indent: 0.35rem;
	}
	.index_title .float_r .classification{
		width: 2.52rem;
		background: #f9c90c;
		position: absolute;
		top: 0.5rem;
		right: 0;
		margin-right: -0.2rem;
		display: none;
	}
	.index_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #111111;
		border-top: dashed 1px #fff;
	}
	.index_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.index_title .float_r:hover .classification{
		display: block;
	}
	.index_product .product_text{
		padding-top: 0.3rem;
		padding-bottom: 0.5rem;
	}
	.index_product .product_text .float_l{
		width: calc(50% - 0.1rem);
		/* height: 2.77rem; */
		margin-bottom: 0.2rem;
	}
	.index_product .product_text a:nth-child(odd) .float_l{
		margin-right: 0.2rem;
	}
	.index_product .product_text .float_l .img{
		width: 100%;
	}
	.index_product .product_text .float_l .p{
		height: 0.6rem;
		background: #343434;
	}
	.index_product .product_text .float_l .p p{
		float: left;
		width: 2.2rem;
		line-height: 0.6rem;
		font-size: 	0.16rem;
		color: #fff;
		margin-left: 0.18rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
	}
	.index_product .product_text .float_l .p img{
		width: 0.3rem;
		height: 0.3rem;
		margin-right:0.2rem;
		margin-top: 0.15rem; 
	}
	.index_product .more_button{
		width: 1.8rem;
		height: 0.48rem;
		border-radius: 0.5rem;
		line-height: 0.48rem;
		text-align: center;
		display: block;
		font-size: 0.16rem;
		color: #111111;
		background: #f9c700;
		margin: auto;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
	.index_about{
		background: #f5f5f5;
		padding: 0 0.2rem;
	}
	.guanggao{
		background: #f5f5f5;
	}
	.guanggao img{
		width: 100%;
	}
	.index_about .index_about_text{
		padding-top: 0.24rem;
		padding-bottom: 0.4rem;
	}
	.index_about .index_about_text p{
		font-size: 0.16rem;
		line-height: 0.4rem;
		color: #111111;
		text-align: justify;	
	}
	.index_about .index_about_text img{
		width: 100%;
		margin-top: 0.16rem;
	}
	.index_about .index_title{
		padding-top: 0.22rem;
	}
	.index_news{
		padding: 0 0.2rem;
	}
	.index_news .index_news_each .each{
		border-top: solid 1px #e5e5e5;
		height: 1.3rem;
		padding-top: 0.39rem;
	}
	.index_news .index_news_each .each:nth-child(1){
		border-top: none;
	}
	.index_news .each .li{
		list-style-type: unset;
		color: #111111;
	}
	.index_news .each .li p{
		width: 4.9rem;
		font-size: 0.22rem;
		color: #111111;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:1; 
		float: right;
	}
	.index_news .each .riqi{
		font-size: 0.22rem;
		color: #646464;
		font-family: MyNewFont;
		margin-right: 0.06rem;
	}
	@font-face {
		font-family: 'MyNewFont';   /*字体名称*/
		src: url('HelveticaNeueLTPro-ThEx.otf');       /*字体源文件*/
	}
	.index_news .each .p{
		font-size: 0.2rem;
		color: #646464;
		line-height: 0.3rem;
		width: 4.9rem;
		margin-left: 0.35rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
		margin-top: 0.15rem;
	}
	.index_news .each .jiantou{
		margin-top: 0.4rem;
		margin-right: 0.2rem;
	}
	.index_news .each .jiantou img{
		width: 0.5rem;
		height: 0.24rem;
	}
	.index_news{
		background: #fff;
	}
	.index_news .product_text .float_l .p{
		height: 0.7rem;
		background: #f5f5f5;
		margin-top: 0.02rem;
	}
	.index_news .product_text .float_l .p p{
		color: #111111;
		font-size: 0.22rem;
		line-height: 0.6rem;
		width: 2rem;
	}
	.index_news .product_text .float_l .p .p2{
		color: #646464;
		font-size: 0.2rem;
		float: left;
		float: left;
		width: 2rem;
		margin-left: 0.18rem;
		margin-top: -0.1rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.index_news .more_button{
		margin-bottom: 0.4rem;
	}
	.swiper-pagination_n .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 100%;
		background: #292929;
		opacity: 1;
	}
	.swiper-pagination_n .swiper-pagination-bullet-active {
		width: 26px;
		height: 8px;
		display: inline-block;
		border-radius: 26px;
		background: #f9c700;
		opacity: 1;
	}
	.swiper-pagination_n{
		margin-bottom: -0.1rem;
	}
	.index_contact{
		background: #f5f5f5;
		padding: 0 0.2rem;
		
	}
	.index_contact .index_contact_text{
		padding: 0.24rem 0 0.32rem 0;
	}
	.index_contact .index_contact_text p{
		font-size: 0.22rem;
		color: #646464;
		line-height: 0.4rem;
	}
	.banquan{
		height: 0.75rem;
		line-height: 0.75rem;
		text-align: center;
		padding: 0 0.2rem;
		font-size: 0.2rem;
		color: #646464;
		/* background:#fff; */
		border-top: solid 1px #f9c700;
	}
	/* 底部 */
	.foot{
		width: 100%;
		height: 0.9rem;
		background: #242424;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 99;
	}
	.foot .float_l{
		width: calc(25% - 2px);
		border-left: solid 1px #000000;
		border-right: solid 1px #444444;
		height: 0.9rem;;
	}
	.foot .float_l img{
		width: 0.55rem;
		height: 0.4rem;
		margin: auto;
		margin-bottom: 0.12rem;
		margin-top: 0.06rem;
	}
	.foot .float_l p{
		text-align: center;
		font-size: 0.18rem;
		color: #fff;
		margin-top: -0.05rem;
	}
	.foot_line{
		width: 1px;
		height: 100%;
		background: #362d26;
		/* margin-top: 0.22rem; */
		float: left;
		display: none;
	}
	.lnner_page_title{
		height: 0.8rem;
		background: #f9c700;
		padding: 0 0.2rem;
	}
	.lnner_page_title .fanhui{
		display: block;
		width: 1.14rem;
		height: 0.46rem;
		background: url("../img/fanhui.png") no-repeat;
		background-size: 100% 100%;
		margin-top: 0.17rem;
		text-align: center;
		line-height: 0.46rem;
		text-indent: 0.18rem;
		color: #111111;
	}
	.lnner_page_title p{
		text-align: center;
		width: calc(100% - 2.28rem);
		line-height: 0.8rem;
		font-size: 0.28rem;
		color: #111111;
	}
	.lnner_page_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../img/feilei.png") no-repeat;
		background-size: 100% 100%;
		margin-top: 0.17rem;
		text-align: center;
		line-height: 0.46rem;
		text-indent: 0.3rem;
		color: #111111;
		z-index: 99;
	}
	.lnner_page_title .float_r .classification{
		width: 2.52rem;
		background: #f9c90c;
		position: absolute;
		top: 0.65rem;
		right: -0.2rem;
		display: none;
	}
	.lnner_page_title .float_r:hover .classification{
		display: block;
	}
	.lnner_page_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #111111;
		border-top: dashed 1px #fff;
	}
	.lnner_page_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.product_html{
		padding-top: 0.1rem;
		background: #f5f5f5;
	}




	.index_title .float_r{
		width: 1.14rem;
		height: 0.46rem;
		position: relative;
		background: url("../img/more.png") no-repeat;
		background-size: 100% 100%;
		text-align: center;
		margin-top: 0.12rem;
	}
	.index_title .float_r p{
		line-height: 0.46rem;
		text-indent: 0.35rem;
	}
	.index_title .float_r .classification{
		width: 2.52rem;
		background: #f9c90c;
		position: absolute;
		top: 0.5rem;
		right: 0;
		margin-right: -0.2rem;
		display: none;
	}
	.index_title .float_r .classification .p{
		width: 100%;
		font-size: 0.16rem;
		text-align: center;
		line-height: 0.6rem;
		color: #111111;
		border-top: dashed 1px #fff;
	}
	.index_title .float_r .classification a:nth-child(1) .p{
		border-top: none;
	}
	.index_title .float_r:hover .classification{
		display: block;
	}
	.message_html .banquan{
		position: fixed;
		bottom: 0.9rem;
		width: calc(100% - 0.4rem);
	}
	.message_html .message{
		padding: 0 0.3rem;
		background: #f5f5f5;
		padding-top: 0.4rem;
	}
	.message_html .message input{
		width:calc(100% - 0.4rem);
		height: 0.52rem;
		border: solid 1px #aaaaaa;
		color: #888888;
		font-size: 0.2rem;
		border-radius: 6px;
		margin-bottom: 0.14rem;
		padding: 0 0.2rem;
		background: #f5f5f5;
	}
	.message_html .message textarea{
		width:calc(100% - 0.4rem);
		height: 1.8rem;
		border: solid 1px #aaaaaa;
		color: #888888;
		font-size: 0.2rem;
		border-radius: 6px;
		margin-bottom: 0.19rem;
		padding: 0.15rem 0.2rem;
		line-height: 0.3rem;
		background: #f5f5f5;
	}
	.message_html .message input::-webkit-input-placeholder{
		color:#888888;
	}
	.message_html .message input::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#888888;
	}
	.message_html .message input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#888888;
	}
	.message_html .message input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#888888;
	}
	.message_html .message textarea::-webkit-input-placeholder{
		color:#888888;
	}
	.message_html .message textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
		color:#888888;
	}
	.message_html .message textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
		color:#888888;
	}
	.message_html .message textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
		color:#888888	;
	}
	.message_html .message .chongzhi{
		width: calc(50% - 0.1rem);
		height: 0.53rem;
		background: #242424;
		color: #fff;
		line-height: 0.53rem;
		text-align: center;
		display: block;
	}
	.message_html .message .tijiao{
		width: calc(50% - 0.1rem);
		height: 0.53rem;
		background: #f9c700;
		color: #fff;
		line-height: 0.53rem;
		text-align: center;
		display: block;
	}
	.about_html .about{
		background: #f5f5f5;
		padding: 0 0.2rem;
		padding-top: 0.36rem;
		padding-bottom: 0.3rem;
	}

	.about_html .about h6{
		font-size: 0.24rem;
		color: #111111;
		margin-bottom: 0.3rem;
	}
	.about_html .about p{
		font-size: 0.2rem;
		color: #646464;
		line-height: 0.38rem;
		text-align: justify;
		text-indent: 2em;
	}
	.contact_html .about p{
		text-indent: 0;
	}
	.about_html .about img{
		/*width: 100%;
		margin: 0.26rem 0;*/
	}
	.show_html .show{
		background: #f5f5f5;
		padding: 0 0.2rem;
	}
	.show_html .show h6{
		font-size: 0.26rem;
		color: #111111;
		text-align: center;
		line-height: 0.99rem;
	}
	.show_html .show .img{
		position: relative;
	}
	.show_html .show .img .show_img{
		margin: auto;
		width: calc(100% - 1.5rem);
	}
	.show_html .show .img .left{
		position: absolute;
		left: 0;
		top: 50%;
		width: 0.52rem;
		height: 0.5rem;	
		margin-top: -0.25rem;
	}
	.show_html .show .img .right{
		position: absolute;
		right: 0;
		top: 50%;
		width: 0.52rem;
		height: 0.5rem;	
		margin-top: -0.25rem;
	}
	.show_html .show .xiangqing{
		width: calc(100% + 0.4rem);
		margin-left: -0.2rem;
		height: 0.7rem;
		background: #f9c700;
		margin-top: 0.38rem;
		font-size: 0.24rem;
		line-height: 0.7rem;
		text-indent: 0.2rem;
	}
	.show_html .show .jieshao{
		padding-top: 0.32rem;
		padding-bottom: 0.4rem;
	}
	.show_html .show .jieshao p{
		font-size: 0.22rem;
		color: #646464;
		line-height: 0.4rem;
		text-align: justify;
		text-indent: 0.43rem;
	}
	.show_html .show .jieshao .meitiao{
		padding-top: 0.18rem;
	}
	.show_html .show .jieshao .meitiao a{
		width: 100%;
		height: 0.6rem;
		background: #f9c700;
		display: block;
		margin-top: 0.2rem;
	}
	.show_html .show .jieshao .meitiao a p{
		line-height: 0.6rem;
		color: #111111;
		text-indent: 0.14rem;
		font-size: 0.22rem;
		width: 80%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}
	.show_html .show .jieshao .meitiao a img{
		width: 0.12rem;
		height: 0.17rem;
		margin-top: 0.22rem;
		margin-left: 0.3rem;
	}
	.fanhui_liebiao{
		display: block;
		width: 1.8rem;
		height: 0.48rem;
		text-align: center;
		line-height: 0.48rem;
		color: #111111;
		font-size: 0.22rem;
		background: #f9c700;
		margin: auto;
		margin-top: 0.4rem;
		border-radius: 0.5rem;
	}
	.list_show_html .show h3{
		font-size: 0.24rem;
		color: #111111;
		padding-top: 0.32rem;
	}
	.list_show_html .show .shijian{
		font-size: 0.2rem;
		color: #888888;
		border-bottom: solid 1px #cccccc;
		padding: 0.13rem 0 0.17rem 0;
	}
	.list_show_html .show .jieshao {
		padding-top: 0.22rem;
	}
	.list_show_html .show .jieshao p{
		margin-bottom: 0.1rem;
	}
	.list_show_html .show .jieshao .meitiao{
		padding-top: 0.08rem;
	}
	.list_html{
		background: #f5f5f5;
	}
	.list_html .index_news{
		background: none;
	}
	.list_html .index_news .index_news_each .each{
		border-radius: 0.2rem;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		background: #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		margin-bottom: 0.3rem;
	}
	.list_html .index_news .each .li{
		color: #f9c700;
	}
	.list_html .index_news .each .li p{
		width: 3.8rem;
		color: #f9c700;
		/* font-size: 0.2rem; */
	}
	.list_html .index_news_each{
		padding-top: 0.45rem;
	}
	.list_html .index_news .each .p{
		width: 4.2rem;
		font-size: 0.2rem;
	}
	.list_html .more_button{
		width: 1.8rem;
		height: 0.48rem;
		border-radius: 0.5rem;
		line-height: 0.48rem;
		text-align: center;
		display: block;
		font-size: 0.16rem;
		color: #111111;
		background: #f9c700;
		margin: auto;
		margin-top: 0.4rem;
		margin-bottom: 0.4rem;
	}
	.index_news{
		width: auto;
	}
	#topcontrol{
		right: 0 !important;
	}
	.message_html{
		padding-top:0;
		height: auto;
	}
	.message_html .message{
		min-height: calc(100vh - 3.8rem);
	}
	.index_news{
		height: auto;
	}
}


@media screen and  (max-width:960px){
	html{
		font-size:12vw; 
	}
}

@media screen and  (max-width:740px){
	html{
		font-size:15.625vw; 
	}
}

/* @media (min-width:640px){
	html{
		font-size: 5vw;
	}
	.news_html .information .list .title{
		width: 4.7rem;
		margin-top: 0.2rem;
	}
	.foot{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
	.message_html .banquan{
		position: fixed;
		bottom: 0.9rem;
		width: calc(640px - 0.4rem);
	}
} */